body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
li{list-style:none}
body{font-size:14px;font-family:"Microsoft YaHei",微软雅黑,STXihei,华文细黑,STHeiti,serif}
a{text-decoration:none}
input[type="submit"]{cursor:pointer}
input::-moz-focus-inner{border:0;padding:0}
input{border:0;height:20px;vertical-align:middle;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
button{cursor:pointer}
.clr{clear:both;height:0;line-height:0;font-size:0}
html{background:#efefef}
.header{position:fixed;background-color:#434343;top:0;height:60px;width:100%;z-index:10;font-size:16px;box-shadow:0px 5px 5px #ccc}
.header .wrap{width:1200px;margin:0 auto}
.header .wrap .logo{position:absolute;background-image:url("../img/logo1.png");width:204px;height:34px;top:12px;float:left;margin-left:22px}
.header .wrap .info{height:100%;float:right;color:#fff;margin-top:20px;margin-right:15px;display:inline-block}
.header .wrap .info a{color:#fff;padding:5px}
.header .wrap .info .user-info{float:right;padding:0 10px}
.main-content{width:1200px;margin:0 auto;overflow-x:hidden}
.main-content .selected{background:#ff0;color:#000}
.main-content .navbar{text-align:center}
.main-content .navbar div{display:inline-block}
.main-content .navbar a,.main-content .navbar span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.main-content .navbar .current{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}
.main-content .navbar .num:hover,.main-content .navbar .next:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}
.main-content .wrap{position:absolute;top:60px;width:1202px}
.main-content .wrap .nav-tab{width:100%;display:block;height:40px;line-height:40px;font-size:16px}
.main-content .wrap .nav-tab a{color:#5d5d5d;text-decoration:none}
.main-content .wrap .nav-tab li{float:left}
.main-content .wrap .nav-tab li.active a{color:#ff5356}
.main-content .wrap .nav-tab li.active:after{content:''}
.main-content .wrap .nav-tab li:after{content:'>';padding:0 5px}
.main-content .wrap .control-bar{background:#fff;border:1px solid #dcdcdc;padding-top:5px;height:46px;line-height:46px}
.main-content .wrap .control-bar .channel{margin-left:65px;width:160px;float:left}
.main-content .wrap .control-bar .date-choose{margin-left:65px;float:left;width:440px}
.main-content .wrap .control-bar .date-choose .date-item{display:inline-block;width:200px}
.main-content .wrap .control-bar .date-choose .date-text{position:relative;top:-10px;margin:0 5px}
.main-content .wrap .control-bar .search{float:right;margin-right:10px;background:#f2f2f2}
.main-content .wrap .control-bar .search input{float:left;height:34px;border:1px solid #dcdcdc;width:265px;padding-left:5px;line-height:34px;right:-1px;position:relative}
.main-content .wrap .control-bar .search .fa{float:left;text-align:center;font-size:20px;line-height:34px;background:#dcdcdc;margin-left:1px;display:block;width:34px;height:34px}
.main-content .wrap .video-list{width:1225px;display:inline-block}
.main-content .wrap .video-list li{float:none;height:140px;border:1px solid #dcdcdc;margin-right:25px;margin-bottom:15px;background:#fff;position: relative}
.main-content .wrap .video-list li a{display:block;color:#5d5d5d;text-decoration:none;overflow: hidden}
.main-content .wrap .video-list li .img{background-color:#eee;float:left;width:249px;background-position:center center;background-repeat:no-repeat;background-size:contain;border-bottom:1px solid #dcdcdc;box-sizing:border-box;height:140px;}
.main-content .wrap .video-list li .text{float:left;padding-left:25px;height: 140px;width: 918px;}
.main-content .wrap .video-list li .title{font-size:22px;padding:12px 8px 0 8px;font-weight:bold;}
.main-content .wrap .video-list li .title span{font-size: 15px;position: relative;top: -3px}
.main-content .wrap .video-list li .tools{float:right;height: 138px;width: 25px;background: #ddd;color:#727272;text-align: center;position: relative;}
.main-content .wrap .video-list li .live-info{font-size:14px;line-height:22px;padding:0 8px;}
.main-content .wrap .video-list li .sortBtn{font-size:25px;position: absolute;top: 50%;left: 50%;margin-left: -12px;width:100%;height:21px;overflow: hidden;}
.main-content .wrap .video-list li .sortUp{margin-top: -22px;}
.main-content .wrap .video-list li .sortDown{margin-top: 3px;}
.main-content .wrap .video-list li .sortUp i{position: relative;top:3px;}
.main-content .wrap .video-list li .sortDown i{position: relative;top:-16px;}
.main-content .wrap .video-list li .sortBtn:hover{font-size: 37px;}
.main-content .wrap .video-list li .sortUp:hover i{top:-7px;}
.main-content .wrap .video-list li .sortDown:hover i{top:-26px;}
.main-content .wrap .video-list li:hover{opacity:1;box-shadow:0 3px 10px 1px rgba(0,0,0,0.1);transform:translate3d(0,-2px,0)}